<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=a, initial-scale=1.0">
    <title>Document</title>
    <style>
        a{text-decoration: none; color: seagreen;}
        a:hover{text-decoration: underline ; color: #000;}
        div{border: red solid 1px;}
        img{vertical-align : bottom;}
        img{display: block;}
        /* 内联元素的对齐方式是和文字基线对齐的，二不是文字底线对齐的
             vertical-align : baseline ;基线对齐方式，默认值, bottom底线对齐
               还有第二种方式是将其转化为块 */
    </style>
</head>
<body>
    <a href="https://www.bilibili.com/"> 这是一个链接</a>
    <div>
        <img src="./QQ头像.jpg" alt="">
    </div>
</body>
</html>